import './App.scss';
import {useReducer, useMemo, useState, memo, useRef, forwardRef, useImperativeHandle, Component} from "react";


function App() {
    const [show, setShow] = useState(true)
    return (<div className="App">
        <Father/>
    </div>);
}

// 1. 父传子 prop函数
// 2. 子传父 调用函数传参
// 父组件
class Father extends Component {

    state = {
        msg: "这是父组件传过来的"
    }
    ongetData = (data) => {
        // 传过来子组件的数据
        console.log(data)
    }

    // 自定义渲染函数
    render() {
        return (<div>
            {/*把父组件的函数传给子组件*/}
            <Child msg={this.state.msg} onGet={this.ongetData}/>
        </div>)
    }
}

// 子组件
class Child extends Component {

    // 自定义渲染函数
    render() {
        return (<div>
            <p>这里是子组件</p>
            <p>{this.props.msg}</p>
            {/*接收父组件传过来的函数 并且传参*/}
            <button onClick={() => this.props.onGet("dadadada")}>send</button>
        </div>)
    }
}

export default App;
